<!-- <template>
  <div v-for="item in list" :key="item.id">
    id是: {{item.id}} -- 元素的内容是: {{item.msg}}
  </div>
</template>

<script setup>
let list = [{ id: 1, msg: "梅" },
{ id: 2, msg: "兰" },
{ id: 3, msg: "竹" },
{ id: 4, msg: "菊" }];
</script>

<style>
</style> -->

<template>
<p v-for="(item,index) in arr" :key="index">
        属性名是:{{ index }} --- 属性值:{{ item }}
    </p>
</template>

<script setup>
 const arr = ["HTML","CSS","JavaScript","JQuery","Vue"]
</script>

<style>
</style>
